import { Component, Vue, Inject } from 'vue-property-decorator';

import { IUserFavorateItem } from '@/shared/model/user-favorate-item.model';
import UserFavorateItemService from './user-favorate-item.service';

@Component
export default class UserFavorateItemDetails extends Vue {
  @Inject('userFavorateItemService') private userFavorateItemService: () => UserFavorateItemService;
  public userFavorateItem: IUserFavorateItem = {};

  beforeRouteEnter(to, from, next) {
    next(vm => {
      if (to.params.userFavorateItemId) {
        vm.retrieveUserFavorateItem(to.params.userFavorateItemId);
      }
    });
  }

  public retrieveUserFavorateItem(userFavorateItemId) {
    this.userFavorateItemService()
      .find(userFavorateItemId)
      .then(res => {
        this.userFavorateItem = res;
      });
  }

  public previousState() {
    this.$router.go(-1);
  }
}
